<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>党的代表大会</title>
		<link rel="stylesheet" href="{{ STATIC_URL }}open/css/second.css">
		<link rel = 'stylesheet' href="{{ STATIC_URL }}open/font_2669378_1z1i76b0nw9/iconfont.css">
		<link rel="stylesheet" href="{{ STATIC_URL }}open/css/sortable.min.css">
		<script type="text/javascript" src="{{ STATIC_URL }}js/sortable.min.js"></script>
		<!--插入背景音乐-->
		<audio id="myaudio" controls="controls" src="{{ STATIC_URL }}open/music/bkmusic.mp3" autoplay="autoplay" loop="loop" style="height: 0;" >

		</audio>
		<script type="text/javascript">
			function toggleSound(){
				var music=document.getElementById("myaudio");//获取id
				console.log(music);
				console.log(music.paused);
				if(music.paused){   //判断是否播放
					music.paused = false;
					music.play();
				}
			}
			setInterval("toggleSound()",1);
		</script>
	</head>
	<body>
		<!-- 巨屏轮播图 -->
		<div id="app"></div>

		<script src='{{ STATIC_URL }}js/react.min.js'></script>
		<script src='{{ STATIC_URL }}js/react-dom.min.js'></script>
		<script src='{{ STATIC_URL }}js/index.min.js'></script>



		<!-- 瀑布流 -->
		<main class="sortable">
			<div class="container">
				<div class="wrapper">
					<!-- <ul class="sortable__nav nav">
						<li>
							<a data-sjslink="all" class="nav__link">
								所有
							</a>
						</li>
						<li>
							<a data-sjslink="flatty" class="nav__link">
								扁平化
							</a>
						</li>
						<li>
							<a data-sjslink="funny" class="nav__link">
								收起
							</a>
						</li>
					</ul> -->
					<div id="sortable" class="sjs-default">
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/1d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第一次全国代表大会</h2>
									<p class="card__text">
									1921年7月23日至8月初，中国共产党第一次全国代表大会在上海召开（最后一天的会议转移到浙江嘉兴南湖举行）。大会起草和通过了《中国共产党第一个纲领》和《中国共产党第一个决议》，确定党的名称为“中国共产党”，提出要把工人、农民和士兵组织起来，明确党的根本政治目的是实行社会革命。大会初步规定了党的组织原则和纪律，要求党集中力量领导工人运动。
										　　党的一大宣告中国共产党正式成立。从此，在中国出现了一个完全崭新的，以马克思列宁主义为行动指南的、统一的无产阶级政党，中国革命的面目焕然一新。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/2d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第二次全国代表大会</h2>
									<p class="card__text">
										1922年7月16日至23日，中国共产党第二次全国代表大会在上海举行。大会发表了宣言，讨论通过了一系列决议案；在分析国际国内形势和中国社会性质的基础上，制定了党在现阶段反帝反封建的民主革命纲领，即党的最低纲领；同时坚持要通过民主革命进一步创造条件，实现社会主义和共产主义的最高纲领；提出建立联合战线的主张，决定加入共产国际；制定通过了第一部党章。
											　　党的二大，正确分析了中国革命的性质、对象、动力和前途，在中国历史上第一次明确提出反帝反封建的民主革命纲领，为中国的革命斗争指明了方向。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/3d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第三次全国代表大会</h2>
									<p class="card__text">
										1923年6月12日至20日，中国共产党第三次全国代表大会在广州举行。大会通过了《关于国民运动及国民党问题的议决案》等文件；确定国共合作，决定共产党员以个人身份加入国民党，同时保持共产党在思想上、政治上和组织上的独立性；修订了党章，进一步完善了党的各项组织制度；制定了中央委员会组织法，规定了党中央组织结构和工作制度。
											　　党的三大是党的历史上第一次专门研究统一战线问题的全国代表大会。这次代表大会的召开，促进了国民党的改组和第一次国共合作的建立，开创了革命发展的新局面，加快了中国革命的步伐。
										
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/4d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第四次全国代表大会</h2>
									<p class="card__text">
										1925年1月11日至22日，中国共产党第四次全国代表大会在上海举行。大会围绕“如何加强对日益高涨的革命运动的领导，以及在宣传工作、组织工作和群众工作方面如何准备迎接革命高潮”的议题，通过了一系列议决案，对中国革命的对象作了更加明确、全面的规定，提出无产阶级在民主革命中的领导权问题，强调了工农联盟问题的重要性。
											　　党的四大全面总结了国共合作一年来的经验教训，第一次明确提出无产阶级在民主革命中的领导权问题和工农联盟问题，阐明了新民主主义革命的基本思想，为迎接大革命高潮的到来，做了政治、思想和组织上的准备。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/5d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第五次全国代表大会</h2>
									<p class="card__text">
										1927年4月27日至5月9日，中国共产党第五次全国代表大会在武汉举行。大会产生了党的历史上第一个《土地问题决议案》；批判了以陈独秀为首的党内右倾错误，提出要争取无产阶级在民主革命中的领导权；大会首次明确提出“集体领导”和“民主集中制”原则，首次选举产生中央监察委员会。
											　　党的五大是在大革命面临严重危机的关头召开的一次重要会议。会议对党的理论和组织建设有一定贡献，但没能切实回答无产阶级如何争取领导权、建立党的革命武装等迫在眉睫的重大问题。因此，大会未能在危急时刻为全党指明出路，提供坚强有力的领导。
										
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/6d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第六次全国代表会议</h2>
									<p class="card__text">
										1928年6月18日至7月11日，中国共产党第六次全国代表大会在莫斯科召开。大会总结了大革命前后的经验教训，提出反对“左”、右倾两种错误倾向；正确分析革命形势，确定了党在新形势下的方针和任务；通过了《政治议决案》等16个文件和经过修改的党章，成为民主革命时期历次代表大会中形成文件最多的一次代表大会。
											　　党的六大是党在大革命失败到土地革命战争兴起的历史转折关头举行的一次重要会议，也是唯一一次在国外召开的党的全国代表大会。大会对有关中国革命的一系列存在严重争议的根本问题作出了基本正确的回答，在党的历史上占有重要的地位。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/7d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第七次全国代表大会</h2>
									<p class="card__text">
										1945年4月23日至6月11日，党的第七次全国代表大会在延安举行。大会讨论通过了《论联合政府》的政治报告、修改了党章，确立毛泽东思想为党的指导思想并写入党章。会议历时50天，制定了党打败侵略者、建设新中国的政治路线，选举产生了以毛泽东为核心的新的中央领导集体，使全党在组织上达到空前的团结和统一。
											　　党的七大是党在新民主主义革命时期召开的极其重要的一次、也是最后一次代表大会。它总结了中国新民主主义革命 20
											多年的历史经验，提出建立新中国的宏伟目标，为党领导人民争取抗日战争和新民主主义革命在全国的胜利，奠定了政治上、思想上和组织上的基础。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/8d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第八次全国代表大会</h2>
									<p class="card__text">
										1956年9月15日至27日，中国共产党第八次全国代表大会在北京举行。大会通过了政治报告的决议和发展国民经济第二个五年计划的建议，总结七大以来的经验教训，宣告社会主义革命基本完成和社会主义制度基本确立，明确党在今后的根本任务是把全党的工作重心适时转移到集中力量发展生产力上来。通过了新党章，决定实行党的全国代表大会代表常任制。
											　　党的八大是党在全国执政后召开的第一次全国代表大会。会议正确分析了国内形势和国内主要矛盾的变化，提出了全面开展社会主义建设的任务，为中国社会主义事业的发展和党的建设指明了方向。
										
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/9d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第九次全国代表大会</h2>
									<p class="card__text">
										1969年4月1日至24日，中国共产党第九次全国代表大会在北京举行。大会肯定了“文化大革命”的纲领、方针和政策，把“无产阶级专政下继续革命的理论”写进总纲。党的九大在思想上、政治上、组织上的指导方针都是错误的，在党的历史上没有任何积极作用。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/10d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十次全国代表大会</h2>
									<p class="card__text">
										1973年8月24日至28日，中国共产党第十次全国代表大会在北京召开。大会继续肯定九大路线，肯定“文化大革命”和“无产阶级专政下继续革命”的理论。尽管大会在批判极左思潮上有一些积极成果，但大会总的指导方针是错误的，并没有完成它所担负的历史使命。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/11d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十一次全国代表大会</h2>
									<p class="card__text">
										1977年8月12日至18日，中国共产党第十一次全国代表大会在北京举行。大会政治报告宣布，以粉碎“四人帮”为标志，“文化大革命”宣告结束；但仍对“无产阶级专政下继续革命的理论”给予了高度评价。党的十一大通过新党章，重申了在20世纪把我国建设成为社会主义的现代化强国的根本任务，但没能承担起纠正“文化大革命”错误以及为实现历史转折制定正确路线方针的任务。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/12d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十二次全国代表大会</h2>
									<p class="card__text">
										1982年9月1日至11日，中国共产党第十二次全国代表大会在北京举行。邓小平在大会开幕词中明确提出“建设有中国特色社会主义”的重大命题。大会提出党在新时期的总任务，提出了经济建设的目标，同时也强调建设高度的社会主义精神文明和高度的社会主义民主的战略方针。
											　　党的十二大制定了全面开创社会主义现代化建设新局面的正确纲领，确定了党在新的历史时期的总任务，制定了新的完善的党章，是党的历史上一次重要的代表大会，揭开了我国社会主义现代化建设的历史新篇章。
										</p>
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/13d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十三次全国代表大会</h2>
									<p class="card__text">
									1987年10月25日至11月1日，中国共产党第十三次全国代表大会在北京举行。大会系统阐述了社会主义初级阶段理论，明确概括了党在社会主义初级阶段“一个中心、两个基本点”的基本路线；制定了到21世纪中叶分“三步走”、实现社会主义现代化的发展战略，作出了一系列进一步加快和深化改革的重大战略部署。
										　　党的十三大总结历史经验和改革开放新鲜经验，从我国社会主义建设的阶段、任务、动力、条件、布局和国际环境等方面，勾画了建设有中国特色社会主义理论的轮廓，为我国现代化建设和改革开放的进一步发展奠定了理论基础。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/14d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十四次全国代表大会</h2>
									<p class="card__text">
										1992年10月12日至18日，中国共产党第十四次全国代表大会在北京召开。大会总结了十一届三中全会以来14年的实践经验，决定抓住机遇，加快发展，集中精力把经济建设搞上去；明确中国经济体制改革的目标是建立社会主义市场经济体制；科学概括和评价了邓小平建设有中国特色社会主义理论，并确立了它在全党的指导地位。
											　　党的十四大是在我国加快改革开放和社会主义现代化建设的新形势下召开的一次十分重要的大会。它对我国20世纪90年代的改革开放和社会主义现代化建设作了战略部署，标志着我国建设有中国特色社会主义的伟大事业进入新的发展阶段。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/15d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十五次全国代表大会</h2>
									<p class="card__text">
										1997年9月12日至18日，中国共产党第十五次全国代表大会在北京召开。大会提出21世纪前50年“三步走”的发展战略；把邓小平理论确立为党的指导思想写进党章；提出党在社会主义初级阶段的基本纲领；明确公有制为主体、多种所有制经济共同发展是我国社会主义初级阶段的基本经济制度；强调依法治国，建设社会主义法治国家。
										
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/16d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十六次全国代表大会</h2>
									<p class="card__text">
									2002年11月8日至14日，中国共产党第十六次全国代表大会在北京举行。大会总结过去5年的工作和13年的基本经验，阐述全面贯彻“三个代表”重要思想的根本要求，提出全面建设小康社会的奋斗目标；把“三个代表”重要思想作为党的指导思想并写入党章。
										　　党的十六大是党在新世纪召开的第一次全国代表大会，在党和国家的发展进程上具有重大而深远的历史意义。大会科学地总结过去，规划未来，以其成功而鲜明的理论创新和实践创新载入中国共产党和中国特色社会主义发展的史册。
									</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/17d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十七次全国代表大会</h2>
									<p class="card__text">
										2007年10月15日至21日，中国共产党第十七次全国代表大会在北京举行。大会总结了过去5年的工作和改革开放以来的宝贵经验；强调要坚定不移地高举中国特色社会主义伟大旗帜，坚持中国特色社会主义道路和中国特色社会主义理论体系；全面阐述科学发展观的科学内涵、精神实质和根本要求；将科学发展观写入党章；提出实现全面建设小康社会奋斗目标的新要求。
											　　党的十七大是我国改革发展关键阶段召开的一次重要的大会。大会从思想上、政治上、组织上为夺取全面建设小康社会新胜利、开创中国特色社会主义事业新局面提供了坚强保证，作出了全面部署。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="funny">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/18d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十八次全国代表大会</h2>
									<p class="card__text">
										2012年11月8日至14日，中国共产党第十八次全国代表大会在北京召开。大会分析了国内外形势，科学总结了过去5年工作和10年历程；将科学发展观确立为党的指导思想；系统阐述了坚持和发展中国特色社会主义的一系列重大理论和实践问题；提出全面建成小康社会和全面深化改革开放的目标；明确了在新的历史条件下夺取中国特色社会主义新胜利必须牢牢把握的基本要求。
											党的十八大是在我国进入全面建成小康社会决定性阶段召开的一次十分重要的大会。大会的召开，对统一全党思想、凝聚各方力量，团结带领全国各族人民实现全面建成小康社会目标、夺取中国特色社会主义新胜利具有重大而深远的影响。
										</p>
								</div>
							</div>
						</div>
						<div data-sjsel="flatty">
							<div class="card">
								<img class="card__picture" src="{{ STATIC_URL }}open/images/19d.jpg" alt="">
								<div class="card-infos">
									<h2 class="card__title">党的第十九次全国代表大会</h2>
									<p class="card__text">
									中国共产党第十九次全国代表大会（简称党的十九大）于2017年10月18日至10月24日在北京召开。
										该会议主题为不忘初心，牢记使命，高举中国特色社会主义伟大旗帜，决胜全面建成小康社会，夺取新时代中国特色社会主义伟大胜利，为实现中华民族伟大复兴的中国梦不懈奋斗。
										党的十九大，是在全面建成小康社会决胜阶段、中国特色社会主义发展关键时期召开的一次十分重要的大会。承担着谋划决胜全面建成小康社会、深入推进社会主义现代化建设的重大任务，事关党和国家事业继往开来，事关中国特色社会主义前途命运，事关最广大人民根本利益。
									</p>
								</div>
							</div>
						</div>
						
						
					</div>
				</div>
			</div>
		</main>

		<script type="text/javascript">
			document.querySelector('#sortable').sortablejs()
		</script>
		
		<div class="footer">
			<div class="location">
				<p><a href="{{ SITE_URL }}congress/">当前位置</a>&nbsp;&nbsp;&nbsp;>>&nbsp;&nbsp;&nbsp;
					<a href="{{ SITE_URL }}congress/">党的全国代表大会</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</p>
			</div>
			
				<div class="footer_nav">
					<span class="iconfont icon-huabian-15"></span><span class="iconfont icon-huabian-15"></span><span class="iconfont icon-huabian-15"></span>
				
				</div>
				<p><br></p>
				<ul>
					<li>
						<span class="iconfont icon-dangjian"></span>
						<a href="{{ SITE_URL }}">首页</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-fazhan1"></span>
						<a href="{{ SITE_URL }}marchOneHundred/">百年征程</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-dangyuan"></span>
						<a href="{{ SITE_URL }}founder/">党的创始人</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-huojianfeiyue"></span>
						<a href="{{ SITE_URL }}leap/">伟大的飞跃</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-dahuiricheng"></span>
						<a href="{{ SITE_URL }}congress/">党的全国代表大会</a>
						&nbsp;&nbsp;/&nbsp;&nbsp;
					</li>
					<li>
						<span class="iconfont icon-sixiangjianshe"></span>
						<a href="{{ SITE_URL }}ideology/">中国共产党指导思想</a>
					</li>
				</ul>
			</div>		


	</body>
<script>
	class CitiesSlider extends React.Component {
  constructor(props) {
    super(props);

    this.IMAGE_PARTS = 4;

    this.changeTO = null;
    this.AUTOCHANGE_TIME = 4000;

    this.state = { activeSlide: -1, prevSlide: -1, sliderReady: false };
  }

  componentWillUnmount() {
    window.clearTimeout(this.changeTO);
  }

  componentDidMount() {
    this.runAutochangeTO();
    setTimeout(() => {
      this.setState({ activeSlide: 0, sliderReady: true });
    }, 0);
  }

  runAutochangeTO() {
    this.changeTO = setTimeout(() => {
      this.changeSlides(1);
      this.runAutochangeTO();
    }, this.AUTOCHANGE_TIME);
  }

  changeSlides(change) {
    window.clearTimeout(this.changeTO);
    const { length } = this.props.slides;
    const prevSlide = this.state.activeSlide;
    let activeSlide = prevSlide + change;
    if (activeSlide < 0) activeSlide = length - 1;
    if (activeSlide >= length) activeSlide = 0;
    this.setState({ activeSlide, prevSlide });
  }

  render() {
    const { activeSlide, prevSlide, sliderReady } = this.state;
    return /*#__PURE__*/(
      React.createElement("div", { className: classNames('slider', { 's--ready': sliderReady }) }, /*#__PURE__*/
      React.createElement("p", { className: "slider__top-heading" }, "ONE HUNDERD YEARS"), /*#__PURE__*/
      React.createElement("div", { className: "slider__slides" },
      this.props.slides.map((slide, index) => /*#__PURE__*/
      React.createElement("div", {
        className: classNames('slider__slide', { 's--active': activeSlide === index, 's--prev': prevSlide === index }),
        key: slide.city }, /*#__PURE__*/

      React.createElement("div", { className: "slider__slide-content" }, /*#__PURE__*/
      React.createElement("h3", { className: "slider__slide-subheading" }, slide.country || slide.city), /*#__PURE__*/
      React.createElement("h2", { className: "slider__slide-heading" },
      slide.city.split('').map(l => /*#__PURE__*/React.createElement("span", null, l))), /*#__PURE__*/

      React.createElement("p", { className: "slider__slide-readmore" }, "查看详情>>")), /*#__PURE__*/

      React.createElement("div", { className: "slider__slide-parts" },
      [...Array(this.IMAGE_PARTS).fill()].map((x, i) => /*#__PURE__*/
      React.createElement("div", { className: "slider__slide-part", key: i }, /*#__PURE__*/
      React.createElement("div", { className: "slider__slide-part-inner", style: { backgroundImage: `url(${slide.img})` } }))))))), /*#__PURE__*/






      React.createElement("div", { className: "slider__control", onClick: () => this.changeSlides(-1) }), /*#__PURE__*/
      React.createElement("div", { className: "slider__control slider__control--right", onClick: () => this.changeSlides(1) })));


  }}


const slides = [
{
  city: '不忘初心',
  country: '100年',
  img: '{{ STATIC_URL }}open/images/dddbdh_1.jpg' },

{
  city: '山河巨变',
  country:'100年',
  img: '{{ STATIC_URL }}open/images/dddbdh_2.jpg' },

{
  city: '历久弥坚',
  country: '100年',
  img: '{{ STATIC_URL }}open/images/dddbdh_3.jpg' },

{
  city: '百年征程',
  country: '100年',
  img: '{{ STATIC_URL }}open/images/dddbdh_4.png' },

{
  city: '盛世如画',
  country: '100年',
  img: '{{ STATIC_URL }}open/images/dddbdh_5.png' }];



ReactDOM.render( /*#__PURE__*/React.createElement(CitiesSlider, { slides: slides }), document.querySelector('#app'));
</script>
</html>
